<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Contacts</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">

<link rel="stylesheet" href="static/css/bootstrap.css">
<link rel="stylesheet" href="static/css/fonts.css">
<link rel="stylesheet" href="static/css/style.css" id="main-styles-link">

</head>
<body>
<div class="page"><!-- Page Header-->
  <header class="section page-header"><!-- RD Navbar-->
    <div class="rd-navbar-wrap">
      <nav class="rd-navbar rd-navbar-minimal" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
        <div class="rd-navbar-main-outer">
          <div class="rd-navbar-main"><!-- RD Navbar Panel-->
            <div class="rd-navbar-panel"><!-- RD Navbar Toggle-->
              <button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
              <!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="static/picture/logo-default-246x44.png" alt="" width="246" height="44" srcset=""></a></div>
            <div class="rd-navbar-main-element">
              <div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1"><!-- RD Navbar Nav-->
                <ul class="rd-navbar-nav">
                  <li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a></li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About Us</a></li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a><!-- RD Navbar Dropdown-->
                    <ul class="rd-menu rd-navbar-dropdown">
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single Service</a></li>
                    </ul>
                  </li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a><!-- RD Navbar Dropdown-->
                    <ul class="rd-menu rd-navbar-dropdown">
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
                    </ul>
                  </li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a><!-- RD Navbar Megamenu-->
                    <ul class="rd-menu rd-navbar-megamenu">
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="javascript:;">Progress bars</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
                        </ul>
                      </li>
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="javascript:;">Coming Soon</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
                        </ul>
                      </li>
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry Gallery</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="rd-nav-item active"><a class="rd-nav-link" href="">Contacts</a></li>
                </ul>
              </div>
              <!-- RD Navbar Search-->
              <div class="rd-navbar-search" id="rd-navbar-search-1">
                <button class="rd-navbar-search-toggle rd-navbar-fixed-element-2" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
                <form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
                  <div class="form-wrap">
                    <label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
                    <input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
                    <div class="rd-search-results-live" id="rd-search-results-live-1"></div>
                  </div>
                  <button class="rd-search-form-submit fa-search" type="submit"></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </nav>
    </div>
  </header>
  <!-- Breadcrumbs -->
  <section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(static/image/1.jpg);">
    <div class="breadcrumbs-custom-inner">
      <div class="container breadcrumbs-custom-container">
        <div class="breadcrumbs-custom-main">
          <h6 class="breadcrumbs-custom-subtitle title-decorated">Contacts</h6>
          <h1 class="heading-decorate heading-decorate-lg breadcrumbs-custom-title"><span class="heading-decorate-symbol font-weight-ubold">C</span><span class="heading-decorate-main">Contacts</span></h1>
        </div>
        <ul class="breadcrumbs-custom-path">
          <li><a href="index.html">Home</a></li>
          <li class="active">Contacts</li>
        </ul>
      </div>
    </div>
  </section>
  <section class="section section-sm">
    <div class="container">
      <div class="layout-bordered">
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-phone text-primary"></div>
            <ul class="list-0">
              <li><a class="link-default" href="">1-800-1234-678</a></li>
              <li><a class="link-default" href="">1-800-9876-098</a></li>
            </ul>
          </div>
        </div>
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-email text-primary"></div>
            <a class="link-default" href="mailto:#">info@demolink.org</a></div>
        </div>
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-map-marker text-primary"></div>
            <a class="link-default" href="#">2130 Fulton Street San Diego,CA 94117-1080 USA</a></div>
        </div>
      </div>
    </div>
  </section>
  <section class="section bg-gray-100 section-buba section-lg">
    <div class="container">
      <div class="row section-buba-row justify-content-center row-40">
        <div class="col-lg-8 col-xl-6">
          <div class="heading-decorate-wrap">
            <h3 class="heading-decorate"><span class="heading-decorate-symbol font-weight-ubold">C</span><span class="heading-decorate-main">Contact Us</span></h3>
            <!-- RD Mailform--><!-- RD Mailform-->
            <form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
              <div class="row row-10">
                <div class="col-md-6 wow-outer">
                  <div class="form-wrap wow fadeSlideInUp">
                    <label class="form-label-outside" for="contact-first-name">First Name</label>
                    <input class="form-input" id="contact-first-name" type="text" name="name" data-constraints="@Required">
                  </div>
                </div>
                <div class="col-md-6 wow-outer">
                  <div class="form-wrap wow fadeSlideInUp">
                    <label class="form-label-outside" for="contact-last-name">Last Name</label>
                    <input class="form-input" id="contact-last-name" type="text" name="name" data-constraints="@Required">
                  </div>
                </div>
                <div class="col-md-6 wow-outer">
                  <div class="form-wrap wow fadeSlideInUp">
                    <label class="form-label-outside" for="contact-email">E-mail</label>
                    <input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
                  </div>
                </div>
                <div class="col-md-6 wow-outer">
                  <div class="form-wrap wow fadeSlideInUp">
                    <label class="form-label-outside" for="contact-phone">Phone</label>
                    <input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@PhoneNumber @Required">
                  </div>
                </div>
                <div class="col-12 wow-outer">
                  <div class="form-wrap wow fadeSlideInUp">
                    <label class="form-label-outside" for="contact-message">Your Message</label>
                    <textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea>
                  </div>
                </div>
              </div>
              <div class="group group-middle">
                <div class="wow-outer">
                  <button class="button button-primary button-winona wow slideInRight" type="submit">Send Message</button>
                </div>
              </div>
            </form>
          </div>
        </div>
        <div class="col-lg-8 col-xl-6 section-buba-col">
          <div class="section-buba-image"><img src="static/picture/contact-big-1-874x742.jpg" alt="" width="874" height="742"></div>
        </div>
      </div>
    </div>
  </section>
  <!-- Page Footer-->
  <footer class="section footer-linked bg-primary-gradient">
    <div class="footer-linked-main">
      <div class="container">
        <div class="row row-50">
          <div class="col-lg-8">
            <h5 class="text-uppercase font-weight-bold">Quick Links</h5>
            <hr class="offset-right-1">
            <div class="row row-20">
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="services.html">Services</a></li>
                  <li><a href="single-service.html">Single Service</a></li>
                  <li><a href="">Contacts</a></li>
                  <li><a href="#">Testimonials</a></li>
                  <li><a href="privacy-policy.html">Privacy Policy</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="grid-blog.html">Blog</a></li>
                  <li><a href="about-us.html">About Us</a></li>
                  <li><a href="#">Team Member Page</a></li>
                  <li><a href="#">Single Project</a></li>
                  <li><a href="#">Login Page</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="careers.html">Careers</a></li>
                  <li><a href="masonry-gallery.html">Portfolio</a></li>
                  <li><a href="#">News</a></li>
                  <li><a href="#">Our History</a></li>
                  <li><a href="single-job.html">Single Job</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="#">Facebook</a></li>
                  <li><a href="#">Twitter</a></li>
                  <li><a href="#">Instagram</a></li>
                  <li><a href="#">LinkedIn</a></li>
                  <li><a href="#">Pinterest</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-7 col-lg-4">
            <h5 class="text-uppercase font-weight-bold">Contact Information</h5>
            <hr>
            <ul class="list-sm">
              <li class="object-inline"><span class="icon icon-md mdi mdi-map-marker text-gray-700"></span><a class="link-default" href="#">2130 Fulton Street San Diego,CA <br>
                94117-1080 USA</a></li>
              <li class="object-inline"><span class="icon icon-md mdi mdi-phone text-gray-700"></span>
                <ul class="list-0">
                  <li><a class="link-default" href="">1-800-1234-678</a></li>
                  <li><a class="link-default" href="">1-800-8765-098</a></li>
                </ul>
              </li>
              <li class="object-inline"><span class="icon icon-md mdi mdi-email-outline text-gray-700"></span><a class="link-default" href="mailto:#">info@demolink.org</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </footer>
</div>
<div class="preloader">
  <div class="preloader-logo"><img src="static/picture/logo-default-246x44.png" alt="" width="246" height="44" srcset=""></div>
  <div class="preloader-body">
    <div id="loadingProgressG">
      <div class="loadingProgressG" id="loadingProgressG_1"></div>
    </div>
  </div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="static/js/jquery-3.3.1.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/core.min.js"></script>
<script src="static/js/script.js"></script>
</body>
</html>